.flex{
	display: flex;
	align-items: center;
}
.flex_both{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex_center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex_align_start{
	display: flex;
	align-items: flex-start;
}
.flex_align_center{
	display: flex;
	align-items: center;
}
.flex_align_end{
	display: flex;
	align-items: flex-end;
}
.flex_between{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.f_22{
	font-size: 22rpx;
	font-family: PingFang SC, PingFang SC-Medium;
	font-weight: 500;
	line-height: 30rpx;
	text-align: left;
	color: #ffe7d6;
}
.f_28{
	font-size: 28rpx;
	font-weight: 400;
	text-align: center;
	color: #333333;
}
.f_26{
	font-size: 26rpx;
	font-weight: 400;
	line-height: 36rpx;
	text-align: center;
	color: #333333;
}
.f_26b{
	font-size: 26rpx;
	font-weight: 600;
	color: #333333;
}
.f_30b{
	font-size: 30rpx;
	font-family: PingFang SC, PingFang SC-Bold;
	font-weight: 700;
	text-align: left;
	color: #333333;
}
.f_36b{
	font-size: 36rpx;
	font-family: PingFang SC, PingFang SC-Heavy;
	font-weight: 800;
	color: #333333;
	line-height: 32rpx;
}
.card{
	padding: 30rpx;
	background: white;
	border-radius:16rpx ;
}
.price_red{
	.text1 {
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		text-align: left;
		color: #ff5050;
		margin-right: 4rpx;
	}
	
	.text2 {
		font-size: 36rpx;
		font-family: DIN, DIN-Medium;
		font-weight: 500;
		text-align: left;
		color: #ff5050;
	}
}
.btn_box {
			padding: 16rpx 32rpx;
			padding-bottom: calc(env(safe-area-inset-bottom) + 18rpx);
			position: fixed;
			bottom: 0;
			left: 0;
			width: 690rpx;
			background: white;
			z-index: 9;
			.u-button {
				color: #ffffff !important;
				font-size: 30rpx !important;
				font-weight: 600 !important;
				width: 690rpx !important;
				height: 88rpx !important;
				background: #ff9691 !important;
				border-radius: 44rpx !important;
			}
}
// form-item 上下padding只
.u-form-item__body {
	padding: 32rpx 0 !important;
}
.loading_box{
	text-align: center;
	color: #999999;
	font-size: 28rpx;
	padding-top: 32rpx 0;
}
.u-tabbar__content {
		background: #ffffff !important;
}
.f_article{
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC-Regular;
	font-weight: 400;
	text-align: left;
	color: #666666;
	line-height: 44rpx;
}

@for $i from 1 through 200 {
.m_#{$i} { margin: ($i)+rpx; }
.m_t_#{$i} { margin-top: ($i)+rpx; }
.m_b_#{$i} { margin-bottom: ($i)+rpx; }
.m_l_#{$i} { margin-left: ($i)+rpx; }
.m_r_#{$i} { margin-right: ($i)+rpx; }

.p_#{$i} { padding: ($i)+rpx; }
.p_t_#{$i} { padding-top: ($i)+rpx; }
.p_b_#{$i} { padding-bottom: ($i)+rpx; }
.p_l_#{$i} { padding-left: ($i)+rpx; }
.p_r_#{$i} { padding-right: ($i)+rpx; }

.f_#{$i}_0 { font-size: ($i)+rpx; color: #000000; line-height:($i)*1.5+rpx ;}
.f_#{$i}_0_b { font-size: ($i)+rpx; color: #000000; font-weight: 600; line-height:($i)*1.5+rpx ;}
.f_#{$i}_2 { font-size: ($i)+rpx; color: #222222;  line-height:($i)*1.5+rpx ; }
.f_#{$i}_2_b { font-size: ($i)+rpx; color: #222222; font-weight: 600;  line-height:($i)*1.5+rpx ;}
.f_#{$i}_3 { font-size: ($i)+rpx; color: #333333; line-height:($i)*1.5+rpx ;}
.f_#{$i}_3_b { font-size: ($i)+rpx; color: #333333; font-weight: 600;  line-height:($i)*1.5+rpx ;}
.f_#{$i}_6 { font-size: ($i)+rpx; color: #666666; line-height:($i)*1.5+rpx ;}
.f_#{$i}_6_b { font-size: ($i)+rpx; color: #666666; font-weight: 600; line-height:($i)*1.5+rpx ;}
.f_#{$i}_9 { font-size: ($i)+rpx; color: #999999;  line-height:($i)*1.5+rpx ;}
.f_#{$i}_9_b { font-size: ($i)+rpx; color: #999999; font-weight: 600; line-height:($i)*1.5+rpx ;}

.f_#{$i}_f { font-size: ($i)+rpx; color: #ffffff;  line-height:($i)*1.5+rpx ;}
.f_#{$i}_f_b { font-size: ($i)+rpx; color: #ffffff; font-weight: 600;line-height:($i)*1.5+rpx ;}

.f_#{$i}_c { font-size: ($i)+rpx; color: #cccccc;  line-height:($i)*1.5+rpx ;}
.f_#{$i}_c_b { font-size: ($i)+rpx; color: #cccccc; font-weight: 600;line-height:($i)*1.5+rpx ;}

.f_#{$i}_e7d6 { font-size: ($i)+rpx; color: #FFE7D6;  line-height:($i)*1.5+rpx ;}
.f_#{$i}_e7d6_b { font-size: ($i)+rpx; color: #FFE7D6; font-weight: 600;line-height:($i)*1.5+rpx ; }

.f_#{$i}_b125 { font-size: ($i)+rpx; color: #F8B125;}
.f_#{$i}_b125_b { font-size: ($i)+rpx; color: #F8B125; font-weight: 600;}

.f_#{$i}_9691 { font-size: ($i)+rpx; color: #FF9691;}
.f_#{$i}_9691_b { font-size: ($i)+rpx; color: #FF9691; font-weight: 600;}
}
// .title{
// 	position: fixed;
// 	top: 0;
// 	left: 0;
// 	z-index: 99;
// 	background: #ffffff;
// }
.nav_box{
	width: 712rpx;
	height: 76rpx;
	padding: 0 20rpx;
	display: flex;
	align-items: center;
}
.u-tabbar__content{
	z-index: 12 !important;
}
text{
	word-break: break-word;
}

.u-border-top,
	.up-border-top {
		border: 0 !important;
	}
	
	.hr {
		height: 2rpx;
		background: #F3F3F1;
	}
	
